/* Copyright (c) 2008, 2010, Oracle and/or its affiliates. 
All rights reserved. */

/**
 * WebCenter Portal default Skin
 *
 */


.redFont{
color:Red; 
}

.upperCase af|inputText::content{
text-transform:uppercase;
}

.fontSizeSmall {
font-size:small;
}

.fontWeigthBold{
font-weight:bold;
}

/**
 * Default Font Family, e.g.
 * font-family: Tahoma,Verdana,Helvetica,sans-serif
 */
.AFDefaultFontFamily:alias
{
}


/**
 * Default Font Size, e.g.
 * font-size: 11px;
 */
.AFDefaultFont:alias
{
font-size: 14px;
}


/**
 * Text foreground color.
 */
.AFTextForeground:alias
{ 
color: #333;
}


/**
 * Label text color.
 */
.AFLabelTextForeground:alias,
.AFLabelTextForegroundDisabled:alias
{
}


/**
 * Font used in banner to display the page title.
 */
.AFBrandingBarTitle
{
}


/**
 * Input Components
 *
 */

/* border and background on inputText components */
.AFFormControlContentBorder:alias
{
}
.AFFormControlContentBackground:alias
{
}

/* foreground and background color on disabled inputText components */
.AFFormControlContentForegroundDisabled:alias
{
}
.AFFormControlContentBackgroundDisabled:alias
{
}


/**
 * Links
 *
 * Foreground color and border style for regular links, visited
 * links, and active links.
 */
.AFLinkForeground:alias
{
}

.AFVisitedLinkForeground:alias,
.AFActiveLinkForeground:alias
{
}

.AFActiveLinkBorder:alias
{
}


/**
 * Menus
 *
 * Menu items are items inside a menu, including sub-menus.
 * Menu bar-items are items directly on a menuBar, similar to buttons.
 *
 */

/* menu text color */
.AFMenuTextForeground:alias
{
}

/* menu item (height) */
af|commandMenuItem::menu-item,
af|goMenuItem::menu-item,
af|menu::submenu
{
}

/* menu item - highlight (color and background-color) */
af|commandMenuItem:highlighted::menu-item-text,
af|commandMenuItem:highlighted::menu-item-icon-style,
af|commandMenuItem:highlighted::menu-item-accelerator,
af|commandMenuItem:highlighted::menu-item-open-indicator,
af|goMenuItem:highlighted::menu-item-text,
af|goMenuItem:highlighted::menu-item-icon-style,
af|goMenuItem:highlighted::menu-item-accelerator,
af|goMenuItem:highlighted::menu-item-open-indicator,
af|menu:highlighted::submenu-text,
af|menu:highlighted::submenu-icon-style,
af|menu:highlighted::submenu-accelerator,
af|menu:highlighted::submenu-open-indicator
{
}

/* menu bar-item (height)*/
af|commandMenuItem::bar-item,
af|goMenuItem::bar-item,
af|menu::bar-item
{
}

/* menu bar-item - highlight (background-image and background-color) */
af|commandMenuItem::bar-item:highlighted,
af|goMenuItem::bar-item:highlighted,
af|menu::bar-item:highlighted
{
}

/* menu bar-item - depressed (background-image and background-color) */
af|commandMenuItem::bar-item:depressed,
af|goMenuItem::bar-item:depressed,
af|menu::bar-item:depressed
{
}



/**
 * Buttons
 *
 */

/* Button background color, e.g. background-color: gray; background-image: ... */
.AFButtonBackground:alias
{
}

.AFButtonBackgroundHover:alias
{
}

.AFButtonBackgroundActive:alias
{
}

.AFButtonBackgroundFocus:alias
{
}

.AFButtonBackgroundDisabled:alias
{
}

/* Button border, also used by menus, e.g. border: 1px solid black; */
.AFButtonBorder:alias
{
}

.AFButtonBorderHover:alias
{
}

.AFButtonBorderActive:alias,
.AFButtonBorderDepressed:alias
{
}

.AFButtonBorderDisabled:alias
{
}

/* Button text color for regular buttons, e.g. color: black; */
.AFButtonForeground:alias
{
}

.AFButtonForegroundHover:alias
{
}

.AFButtonForegroundDepressed:alias
{
}

.AFButtonForegroundDisabled:alias
{
}

/* Button text color for toolbar buttons with text */
.AFButtonText:alias
{
}

.AFButtonTextHover:alias
{
}

.AFButtonTextDepressed:alias
{
}

.AFButtonTextDisabled:alias
{
}


/**
 * DecorativeBoxes and PanelTabbed.  DecorativeBoxes are boxes with 
 * decoration on all four sides and all four corners, e.g. rounded
 * corners or shadows.  The styles used by decorativeBoxes are shared
 * with the content area of panelTabbed (below the tabs themselves).
 *
 * There are three styles of tabs that should be skinned
 *  1) normal (no theme)
 *  2) level 1 (theme="medium")
 *  3) level 2 (theme="light")
 *
 * For tabs, both the tabs themselves are skinned, as well as the 
 * content area below the tabs.  The content area is what is shared
 * with decorativeBox.
 *
 */


/**
 * Normal tabs, e.g. in dialogs, outside the "theme" hierarchy
 *
 * Specify the background images for each of the following aliases,
 * plus a font and color for the tab text.
 *
 */

/* normal unselected tabs */
.AFTabAboveStartUnselectedBackground:alias:ltr
{
}
.AFTabAboveStartUnselectedBackground:alias:rtl
{
} 
.AFTabAboveMiddleUnselectedBackground:alias
{
}
.AFTabAboveEndUnselectedBackground:alias:ltr
{
} 
.AFTabAboveEndUnselectedBackground:alias:rtl
{
}
af|panelTabbed::tab af|panelTabbed::tab-content,
af|panelTabbed::tab af|panelTabbed::tab-text-link,
af|navigationPane-tabs::tab af|navigationPane-tabs::tab-content,
af|navigationPane-tabs::tab af|navigationPane-tabs::tab-link
{
}
af|panelTabbed::tab:hover af|panelTabbed::tab-content,
af|panelTabbed::tab:hover af|panelTabbed::tab-text-link,
af|navigationPane-tabs::tab:hover af|navigationPane-tabs::tab-content,
af|navigationPane-tabs::tab:hover af|navigationPane-tabs::tab-link
{
}

/* normal selected tabs */
.AFTabAboveStartSelectedBackground:alias:ltr
{
} 
.AFTabAboveStartSelectedBackground:alias:rtl
{
}
.AFTabAboveMiddleSelectedBackground:alias
{
}
.AFTabAboveEndSelectedBackground:alias:ltr
{
} 
.AFTabAboveEndSelectedBackground:alias:rtl
{
}
af|panelTabbed::tab:selected af|panelTabbed::tab-content,
af|panelTabbed::tab:selected af|panelTabbed::tab-text-link,
af|navigationPane-tabs::tab:selected af|navigationPane-tabs::tab-content,
af|navigationPane-tabs::tab:selected af|navigationPane-tabs::tab-link
{
}
af|panelTabbed::tab:selected:hover af|panelTabbed::tab-content,
af|panelTabbed::tab:selected:hover af|panelTabbed::tab-text-link,
af|navigationPane-tabs::tab:selected:hover af|navigationPane-tabs::tab-content,
af|navigationPane-tabs::tab:selected:hover af|navigationPane-tabs::tab-link
{
}

/* normal content */
af|panelTabbed::header-start
{
}
af|panelTabbed::header-center
{
}
af|panelTabbed::header-end
{
}
af|panelTabbed::body-start
{
}
af|panelTabbed::body
{
}
af|panelTabbed::body-end
{
}
af|panelTabbed::footer-start
{
}
af|panelTabbed::footer-center
{
}
af|panelTabbed::footer-end
{
}

/* normal content rtl */
af|panelTabbed::header-start:rtl
{
}
af|panelTabbed::header-end:rtl
{
}
af|panelTabbed::body-start:rtl
{
}
af|panelTabbed::body-end:rtl
{
}
af|panelTabbed::footer-start:rtl
{
}
af|panelTabbed::footer-end:rtl
{
}


/**
 * Level 1 (medium) tabs.
 *
 * Specify the background images for each of the following aliases,
 * plus a font and color for the tab text.
 *
 */

/* level 1 unselected tabs */
.AFTabAboveStartUnselectedLevel1Background:alias
{
}
.AFTabAboveStartUnselectedLevel1Background:alias:rtl
{
}
.AFTabAboveMiddleUnselectedLevel1Background:alias
{
}
.AFTabAboveEndUnselectedLevel1Background:alias
{
}
.AFTabAboveEndUnselectedLevel1Background:alias:rtl
{
}
af|panelTabbed::tab af|panelTabbed::tab-content[theme="dark"],
af|panelTabbed::tab af|panelTabbed::tab-text-link[theme="dark"],
af|navigationPane-tabs::tab af|navigationPane-tabs::tab-link[theme="medium"],
af|navigationPane-tabs::tab af|navigationPane-tabs::tab-content[theme="medium"]
{
}
af|panelTabbed::tab:hover af|panelTabbed::tab-content[theme="dark"],
af|panelTabbed::tab:hover af|panelTabbed::tab-text-link[theme="dark"],
af|navigationPane-tabs::tab:hover af|navigationPane-tabs::tab-link[theme="medium"],
af|navigationPane-tabs::tab:hover af|navigationPane-tabs::tab-content[theme="medium"]
{
}

/* level 1 selected tabs */
.AFTabAboveStartSelectedLevel1Background:alias
{
}
.AFTabAboveStartSelectedLevel1Background:alias:rtl
{ 
}
.AFTabAboveMiddleSelectedLevel1Background:alias
{
}
.AFTabAboveEndSelectedLevel1Background:alias
{
}
.AFTabAboveEndSelectedLevel1Background:alias:rtl
{ 
}
af|panelTabbed::tab:selected af|panelTabbed::tab-content[theme="dark"],
af|panelTabbed::tab:selected af|panelTabbed::tab-text-link[theme="dark"],
af|panelTabbed::tab:selected:hover af|panelTabbed::tab-content[theme="dark"],
af|panelTabbed::tab:selected:hover af|panelTabbed::tab-text-link[theme="dark"],
af|navigationPane-tabs::tab:selected af|navigationPane-tabs::tab-content[theme="medium"],
af|navigationPane-tabs::tab:selected af|navigationPane-tabs::tab-link[theme="medium"],
af|navigationPane-tabs::tab:selected:hover af|navigationPane-tabs::tab-content[theme="medium"],
af|navigationPane-tabs::tab:selected:hover af|navigationPane-tabs::tab-link[theme="medium"]
{
}

/* level 1 content -- also used for "medium" decorativeBoxes */
af|panelTabbed::header-start[theme="dark"],
af|decorativeBox::top-start[theme="medium"]
{
}
af|panelTabbed::header-center[theme="dark"],
af|decorativeBox::top[theme="medium"]
{
}
af|panelTabbed::header-end[theme="dark"],
af|decorativeBox::top-end[theme="medium"]
{
}
af|panelTabbed::body-start[theme="dark"],
af|decorativeBox::start[theme="medium"]
{
}
af|panelTabbed::body[theme="dark"],
af|decorativeBox::center[theme="medium"]
{
}
af|panelTabbed::body-end[theme="dark"],
af|decorativeBox::end[theme="medium"]
{
}
af|panelTabbed::footer-start[theme="dark"],
af|decorativeBox::bottom-start[theme="medium"]
{
}
af|panelTabbed::footer-center[theme="dark"],
af|decorativeBox::bottom[theme="medium"]
{
}
af|panelTabbed::footer-end[theme="dark"],
af|decorativeBox::bottom-end[theme="medium"]
{
}

/* rtl */
af|panelTabbed::header-start[theme="dark"]:rtl,
af|decorativeBox::top-start[theme="medium"]:rtl
{
}
af|panelTabbed::header-end[theme="dark"]:rtl,
af|decorativeBox::top-end[theme="medium"]:rtl
{
}
af|panelTabbed::body-start[theme="dark"]:rtl,
af|decorativeBox::start[theme="medium"]:rtl
{
}
af|panelTabbed::body-end[theme="dark"]:rtl,
af|decorativeBox::end[theme="medium"]:rtl
{
}
af|panelTabbed::footer-start[theme="dark"]:rtl,
af|decorativeBox::bottom-start[theme="medium"]:rtl
{
}
af|panelTabbed::footer-end[theme="dark"]:rtl,
af|decorativeBox::bottom-end[theme="medium"]:rtl
{
}


/**
 * Level 2 (light) tabs.
 *
 * Specify the background images for each of the following aliases,
 * plus a font and color for the tab text.
 *
 */

/* level 2 unselected tabs */
.AFTabAboveStartUnselectedLevel2Background:alias
{
}
.AFTabAboveStartUnselectedLevel2Background:alias:rtl
{
}
.AFTabAboveMiddleUnselectedLevel2Background:alias
{
}
.AFTabAboveEndUnselectedLevel2Background:alias
{
}
.AFTabAboveEndUnselectedLevel2Background:alias:rtl
{
}
af|panelTabbed::tab af|panelTabbed::tab-content[theme="medium"],
af|panelTabbed::tab af|panelTabbed::tab-text-link[theme="medium"],
af|navigationPane-tabs::tab af|navigationPane-tabs::tab-link[theme="light"],
af|navigationPane-tabs::tab af|navigationPane-tabs::tab-content[theme="light"]
{
}
af|panelTabbed::tab:hover af|panelTabbed::tab-content[theme="medium"],
af|panelTabbed::tab:hover af|panelTabbed::tab-text-link[theme="medium"],
af|navigationPane-tabs::tab:hover af|navigationPane-tabs::tab-link[theme="light"],
af|navigationPane-tabs::tab:hover af|navigationPane-tabs::tab-content[theme="light"]
{
}

/* level 2 selected tabs */
.AFTabAboveStartSelectedLevel2Background:alias
{
}
.AFTabAboveStartSelectedLevel2Background:alias:rtl
{ 
}
.AFTabAboveMiddleSelectedLevel2Background:alias
{
}
.AFTabAboveEndSelectedLevel2Background:alias
{
}
.AFTabAboveEndSelectedLevel2Background:alias:rtl
{ 
}
af|panelTabbed::tab:selected af|panelTabbed::tab-content[theme="medium"],
af|panelTabbed::tab:selected af|panelTabbed::tab-text-link[theme="medium"],
af|panelTabbed::tab:selected:hover af|panelTabbed::tab-content[theme="medium"],
af|panelTabbed::tab:selected:hover af|panelTabbed::tab-text-link[theme="medium"],
af|navigationPane-tabs::tab:selected af|navigationPane-tabs::tab-content[theme="light"],
af|navigationPane-tabs::tab:selected af|navigationPane-tabs::tab-link[theme="light"],
af|navigationPane-tabs::tab:selected:hover af|navigationPane-tabs::tab-content[theme="light"],
af|navigationPane-tabs::tab:selected:hover af|navigationPane-tabs::tab-link[theme="light"]
{
}

/* level 2 content -- also used for "light" decorativeBoxes */
af|panelTabbed::header-start[theme="medium"],
af|decorativeBox::top-start[theme="light"]
{
}
af|panelTabbed::header-center[theme="medium"],
af|decorativeBox::top[theme="light"]
{
}
af|panelTabbed::header-end[theme="medium"],
af|decorativeBox::top-end[theme="light"]
{
}
af|panelTabbed::body-start[theme="medium"],
af|decorativeBox::start[theme="light"]
{
}
af|panelTabbed::body[theme="medium"],
af|decorativeBox::center[theme="light"]
{
}
af|panelTabbed::body-end[theme="medium"],
af|decorativeBox::end[theme="light"]
{
}
af|panelTabbed::footer-start[theme="medium"],
af|decorativeBox::bottom-start[theme="light"]
{
}
af|panelTabbed::footer-center[theme="medium"],
af|decorativeBox::bottom[theme="light"]
{
}
af|panelTabbed::footer-end[theme="medium"],
af|decorativeBox::bottom-end[theme="light"]
{
}

/* rtl */
af|panelTabbed::header-start[theme="medium"]:rtl,
af|decorativeBox::top-start[theme="light"]:rtl
{
}
af|panelTabbed::header-end[theme="medium"]:rtl,
af|decorativeBox::top-end[theme="light"]:rtl
{
}
af|panelTabbed::body-start[theme="medium"]:rtl,
af|decorativeBox::start[theme="light"]:rtl
{
}
af|panelTabbed::body-end[theme="medium"]:rtl,
af|decorativeBox::end[theme="light"]:rtl
{
}
af|panelTabbed::footer-start[theme="medium"]:rtl,
af|decorativeBox::bottom-start[theme="light"]:rtl
{
}
af|panelTabbed::footer-end[theme="medium"]:rtl,
af|decorativeBox::bottom-end[theme="light"]:rtl
{
}

/*/////style//////*/
/****** Panel Box *****/
.af_panelBox{
        /*margin:10px;*/
	background-color:#fff;
	box-shadow: #d9dada 0 0 0 1px;
	border: 5px solid #eaeaea;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #d9dada 0 0 0 1px;
	-moz-box-shadow: #d9dada 0 0 0 1px;
}

af|panelBox::table{/*border-bottom:1px solid #f15228*/}
af|panelBox::header-text { color:#b21825;  font-size:14px; font-weight:bold; padding:8px 10px; /*border-bottom:1px solid #ebe8e6*/}
af|panelBox::header-element {color:#b21825;  font-size:14px; font-weight:bold;}

.af_panelBox_header-start.p_AFCore.p_AFDefault,.af_panelBox_header-start{padding:0px;}  /* This will remove the white spacxe from left that appears for the expand / collpase panel box icon */

af|panelBox::icon-style {border: 1px solid red; text-align: right; float:right;}


/*** PanelBox ***/
  
  
af|commandLink.textLinks:hover{
    font-family:'open_sansbold';
    font-size: 18px;
    color: #b21825;
    text-decoration: none;
}
af|commandLink.textLinks{
    font-family:'open_sansbold';
    color: #535353;
    text-decoration: none;
    font-size: 18px;
    padding-left: 20px;
}

af|panelGroupLayout.utilityMenu {
    background: none repeat scroll 0 0 #2f2f2f;
    padding: 5px;
    color: #fff;
    margin: 0;
    padding: 13px 0 17px;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 100;
    margin-top: 11px;
    line-height: 20px;
    border-radius: 5px ;
}
af|commandLink.menuTextLinks:hover{
    font-family:'open_sansbold';
    font-size: 14px;
    color: #FFFFFF;
    text-decoration: none;
    background:#c20e1d;
}
af|commandLink.menuTextLinks{
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    font-family: "open_sansbold";
    font-size: 14px;
    line-height: 55px;
    padding: 0px 5px;
    white-space: nowrap;
    text-decoration: none;
}
af|outputText.welcomeUser{
    font-family: 'open_sansbold';
    color: #535353;
    font-size: 18px;
}

af|outputText.arrow {
    background-image: url("../../../../images/menu-arrow.png");
    height: 11px;
    left: 0;
    position: absolute;
    right: 0;
    top: -11px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 35px 0px;
    
}
af|panelGroupLayout.sub-menu {
    
    margin: 0px;
    padding: 13px 0px 17px;
    position: absolute;
    top: 100%;
    left: 0px;
    background: none repeat scroll 0% 0% #2F2F2F;
    color: #FFF;
    
    text-align: left;
    z-index: 100;
}

af|image.arrow {
    position: absolute;
    top: -11px;
    right: 0px;
    left: 0px;
    height: 11px;
    background: no-repeat transparent;
    padding-left:30px;
  background-repeat: no-repeat;
}

.AFPopupSelectorHeaderEnd{
    display: none;
}

.AFPopupSelectorFooterEnd , .AFPopupSelectorFooterStart{
    display: none;
}
af|train::join {width: 150px;}

af|panelGroupLayout.contactPageText{
    margin: 0;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 20px;
color: #333;
background-color: #fff;
}

af|commandLink.contactLink{
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
    color: #b21825;
}

af|commandButton.primaryButton{
background: linear-gradient(#c72938, #96161e) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none !important;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    padding: 7px 20px 8px;
    text-decoration: none;
    text-shadow: none;
}

af|commandButton:hover.primaryButton,
af|commandButton:active.primaryButton,
af|commandButton:active:focus.primaryButton,
af|commandButton:active:hover.primaryButton,
af|commandButton:focus.primaryButton,
af|commandButton:focus:hover.primaryButton
{
background: linear-gradient(#c72938, #96161e) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none !important;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    padding: 7px 20px 8px;
    text-decoration: none;
    text-shadow: none;
}
af|commandButton.secondaryButton{
    background: linear-gradient(#535353, #535353) repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-family:'HelveticaNeueW01-75Bold' !important;    
    border: medium none !important;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    padding: 7px 20px 8px;
    text-decoration: none;
    text-shadow: none;
}
af|commandButton:hover.secondaryButton,
af|commandButton:active.secondaryButton,
af|commandButton:active:hover.secondaryButton,
af|commandButton:active:focus.secondaryButton,
af|commandButton:focus.secondaryButton,
af|commandButton:focus:hover.secondaryButton{
    background: linear-gradient(#535353, #535353) repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-family:'HelveticaNeueW01-75Bold' !important;    
    border: medium none !important;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    padding: 7px 20px 8px;
    text-decoration: none;
    text-shadow: none;
}
/* Inputtext */
af|inputText::content{
    background-image: none !important;
    outline:none;
}
.inputFieldFont:alias{
  font-family:'HelveticaNeueW01-55Roma';
  font-size: 13px; 
  color: #3B3B3B; 
  margin:0px;
  padding-left: 10px;
  padding-right: 10px;
}

af|inputText.inputField::content
{
  -tr-rule-ref: selector(".inputFieldFont:alias");
  height: 32px; /*=36px acc to ruler*/
  line-height: 32px;/*=36px acc to ruler*/
  width: 255px;/* = 280px acc to ruler including padding*/
}
af|commandLink.primaryLink{   
    font-family: "open_sansbold";
    font-weight: bold;
    font-size: 14px;
    text-underline-color: transparent;
    display: inline;
    color: #b21825;
}

af|commandLink.menuLeftSide{
    background: none repeat scroll 0 0 #b21825;
    color: #fff;
    border-radius: 2px;
    display: block;
    font-size: 18px;
    line-height: 22px;
    padding: 10px 21px;
    text-decoration: none;
}

af|commandLink.menuLeftSide-notSelected{
    border-radius: 4px;
    color: #909090;
    display: block;
    font-size: 18px;
    line-height: 22px;
    padding: 10px 21px;
    text-decoration: none;
}
    
af|commandLink.footerSectionLink:disabled,
af|commandLink.footerSectionLink:disabled:hover{   
    font-family:'HelveticaNeueW01-65Medi';
    font-size: 12px;
    color: #3B3B3B;
    text-underline-color: transparent;
    text-decoration: none;
}

af|commandLink.footerSectionLink:hover,
af|commandLink.footerSectionLink:active,
af|commandLink.footerSectionLink:focus{   
    font-family:'HelveticaNeueW01-65Medi';
    font-size: 12px;
    color: #5C8727;
    text-underline-color: transparent;
    text-decoration: underline;
}
span.orderTableEmptyText {
  text-align: center;
  padding:20px;
  display: block;
  font-size: 15px; 
  color: #3B3B3B; 
  font-family:'HelveticaNeueW01-75Bold';
}